<layout name="Layout/layout"/>

<!-- Welcome Message
<div class="welcome-message">
	<div class="container">
		<div class="hero-unit">
			<h4>终于可以有地方订午Fan了!<br>
				<small>暂时对chrome、FireFox支持.如有问题请速联系我...<a>qianduo@eccom.com.cn</a></small>
			</h4>
		</div>
	</div>
</div>-->

<div class="squence">
    <div id="myCarousel" class="carousel slide">
        <!-- Carousel items -->
        <div class="carousel-inner">
            <div class="active item">
                <img alt="Universe" src="__URL__/../../public/IMG/Home/universe.jpg">
                <div class="caption caption-light">
                    <h3 class="animated bounceInLeft">如果你没有账号 <a href="__URL__/../User/toRegister" class="btn btn-primary">Sign up</a></h3>
                    <h3 class="animated bounceInRight">如果你已有账号 <a onclick="loginShow();" class="btn btn-primary">Login</a></h3>
                </div>
            </div>
            <div class="item">
                <img alt="Universe" src="__URL__/../../public/IMG/Home/1.png">
                <div class="caption caption-normal">
                    <h3 class="animated bounceInLeft" style="font-size:20px;">终于可以有地方订午Fan了!</h3>
                    <h3 class="animated bounceInRight">暂时对chrome、FireFox支持.如有问题请速联系我...</h3>
                </div>
            </div>
            <div class="item"><img alt="Universe" src="__URL__/../../public/IMG/Home/2.jpg"></div>
        </div>
        <!-- Carousel nav -->
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div>
</div>

<!-- Content -->
<div class="content">
	<div class="container">
        <!-- Service -->
		<div class="row-fluid service">
			<div class="span4">
				<div class="small-well row-fluid">
                    <div class="service-title span3">
                        <i class="ficon-users service-icon"></i>
                        <span>User</span>
                    </div>
					<div class="service-info span9">
                        <span class="service-content">提供注册/登录功能，个人信息记录。</span>
                        <!--span class="service-link">
                            <a onclick="loginShow()">Login</a>
                            <a href="__URL__/../User/toRegister">Sign up</a>
                        </span-->
					</div>
				</div>
			</div>
			<div class="span4">
				<div class="small-well row-fluid">
					<div class="service-title span3">
						<i class="ficon-food service-icon"></i>
                        <span>Dining</span>
					</div>
                    <div class="service-info span9">
                        <span class="service-content">订购、预定、查看订购记录、充值等..</span>
                    </div>
				</div>
			</div>
			<div class="span4">
				<div class="small-well row-fluid">
                    <div class="service-title span3">
                        <i class="service-icon" style="margin-bottom: 12px;display: inline-block;font-weight: bold;">FM</i>
                        <span>Radio</span>
                    </div>
                    <div class="service-info span9">
                        <span class="service-content">在线电台，简单便捷收听。</span>
                    </div>
				</div>
			</div>
		</div>

        <!-- Future -->
        <div class="headerline">
            <h3>Future</h3>
        </div>
        <div class="row-fluid">
            <div class="span4">
                <div class="small-well row-fluid">
                    <div class="service-title span3">
                        <i class="service-icon" style="margin-bottom: 12px;display:block; font-weight: bold;">?</i>
                        <span>None</span>
                    </div>
                    <div class="service-info span9">
                        <span class="service-content">还不知道!</span>
                        <!--span class="service-link">
                            <a onclick="loginShow()">Login</a>
                            <a href="__URL__/../User/toRegister">Sign up</a>
                        </span-->
                    </div>
                </div>
            </div>
        </div>

        <!-- technique -->
        <div class="headerline">
            <h3>Technique</h3>
        </div>
        <div class="row-fluid" style="margin-bottom: 50px">
            <div class="span3">
                <div class="service-photo-container orange">
                    <i class="ficon-github service-photo"></i>
                    <h3 class="service-photo-name">github</h3>
                </div>
                <!--<p class="service-introduce">
                    Git是一个分布式的版本控制系统，最初由Linus Torvalds编写，用作Linux内核代码的管理...
                </p>
                <a onclick="window.open('https://github.com/');">Link &gt;&gt;</a>-->
            </div>
            <div class="span3">
                <div class="service-photo-container blue">
                    <i class="ficon-html5 service-photo"></i>
                    <h3 class="service-photo-name">html5</h3>
                </div>
                <!--<p class="service-introduce">
                    HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段...
                </p>
                <a onclick="window.open('http://baike.baidu.com/view/951383.htm');">Link &gt;&gt;</a>-->
            </div>
            <div class="span3">
                <div class="service-photo-container purple">
                    <i class="ficon-feather service-photo"></i>
                    <h3 class="service-photo-name">bootstrap</h3>
                </div>
                <!--<p class="service-introduce">
                    Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less...
                </p>
                <a onclick="window.open('http://twitter.github.io/bootstrap/');">Link &gt;&gt;</a>-->
            </div>
            <div class="span3">
                <div class="service-photo-container red">
                    <i class="service-photo" style="display: inline-block;line-height: 60px;">PHP</i>
                    <h3 class="service-photo-name">php 5</h3>
                </div>
                <!--<p class="service-introduce">
                    PHP是“PHP:Hypertext Preprocessor”的缩写，即“超文本预处理器”。PHP是一种功能强大，并且简便易用的脚本语言。
                </p>
                <a onclick="window.open('http://php.net/');">Link &gt;&gt;</a>-->
            </div>
        </div>
	</div>
</div>

<link href="__URL__/../../public/css/home/index.css" rel="stylesheet" media="screen">
<script src="__URL__/../../public/js/Home/index.js"></script>

